<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<html>
<head>
<title>Logvan</title>
<link rel="shortcut icon" href="/escolares/html/images/icon/van.png">
<link href="/escolares/html/css/bootstrap.css" rel="stylesheet"
	type="text/css">
<link href="/escolares/html/css/DT_bootstrap.css" rel="stylesheet"
	type="text/css">

<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="/escolares/html/js/bootstrap.js"></script>
<script src="/escolares/html/js/jquery.dataTables.js"></script>
<script src="/escolares/html/js/DT_bootstrap.js"></script>
<script src="/escolares/html/js/jquery.Rut.min.js"></script>
<script src="/escolares/html/js/jquery.number.min.js"></script>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
<script type="text/javascript">
	$(document).ready(function() {
		$('#tAnio').number(true, 0,'', '');
		$('#tRut').Rut({
			on_error: function(){ alert('Rut incorrecto'); $('#tRut').focus(); },
			format_on: 'change'
		});
		
		 $('#submitUsuario').click(function(){
			 if($("#tRut").val() == "" ){
		        	alert("Debe Ingresar su Rut");
		        	$('#tRut').focus();
		        	  return false;
		        }
	    	 if($("#tNombres").val() == ""){
		        	alert("Debe Ingresar su Nombre");
		        	$('#tNombres').focus();
		        	  return false;
		        }
	    	 if($("#tApellidos").val() == ""){
		        	alert("Debe Ingresar sus Apellidos");
		        	$('#tApellidos').focus();
		        	  return false;
		        }
	    	 if($("#tDireccion").val() == ""){
		        	alert("Debe Ingresar su Dirección");
		        	$('#tDireccion').focus();
		        	  return false;
		        }
	        if($("#tEmail").val().indexOf('@', 0) == -1 || $("#tEmail").val().indexOf('.', 0) == -1) {
	            alert('El correo electrónico introducido no es correcto.');
	            $('#tEmail').focus();
	            return false;
	        }
	        if($("#tCelular").val() == ""){
	        	alert("Debe Ingresar su Numero de Celular");
	        	$('#tCelular').focus();
	        	  return false;
	        }
	        if($("#tNombreEmpresa").val() == ""){
	        	alert("Debe Ingresar el Nombre de su Empresa de Transporte");
	        	$('#tNombreEmpresa').focus();
	        	  return false;
	        }
	    });
		 $('#submitFurgon').click(function(){
			 
	    	 if($("#tPatente").val() == "" ){
		        	alert("Debe Ingresar la Patente del furgón");
		        	$('#tPatente').focus();
		        	  return false;
		        }
	    	 
	    	 if($("#tMarca").val() == ""){
		        	alert("Debe Ingresar la Marca del furgón");
		        	$('#tMarca').focus();
		        	  return false;
		        }
	    	 
	    	 if($("#tColor").val() == ""){
		        	alert("Debe Ingresar el Color del furgón");
		        	$('#tColor').focus();
		        	  return false;
		        }
	    	 
	    	 if($("#tAnio").val() == 0){
		        	alert("Debe Ingresar el Año del furgón");
		        	$('#tAnio').focus();
		        	  return false;
		        }
	    	 if($("#tCapacidad").val() == ""){
		        	alert("Debe Ingresar la Capacidad del furgón");
		        	$('#tCapacidad').focus();
		        	  return false;
		        }
	    });
	});
</script>
</head>
<body>
	<div class="container">
		<!-- Main component for a primary marketing message or call to action -->
		<%@include file="../_common/nav-var.jsp"%>
		<div class="well">
		<s:if test="okMessage=='Datos Actualizados Satisfactoriamente.'">
				<div class="alert alert-success">
					<s:property value="okMessage" />
				</div>
			</s:if>
			<s:if test="errorMessage=='Se ha producido un error inesperado.'">
				<div class="alert alert-error">
					<s:property value="errorMessage" />
				</div>
			</s:if>
			<s:form action="editUsuario" method="post" theme="simple"
				cssClass="form-personal-bussiness">
				<div class="row">
					<div class="span6">
						<h2 style="color: #49AFCD">Datos Personales</h2>
						<s:hidden name="usuario.usuarioId" value="%{usuario.usuarioId}"></s:hidden>
						<s:hidden name="usuario.comunaId" value="%{usuario.comunaId}"></s:hidden>
						<s:textfield name="usuario.rut" value="%{usuario.rut}" id="tRut"
							key="label.rut" size="10" cssClass="form-control" readonly="true" />
						<s:textfield name="usuario.nombres" value="%{usuario.nombres}"
							id="tNombres" key="label.nombres" size="10"
							cssClass="form-control" placeholder="Complete con su Nombre" />
						<s:textfield name="usuario.apellidos" value="%{usuario.apellidos}"
							id="tApellidos" key="label.apellidos" size="15"
							cssClass="form-control" placeholder="Complete con su Apellidos" />
						<s:textfield name="usuario.direccion" value="%{usuario.direccion}"
							id="tDireccion" key="label.direccion" size="20"
							cssClass="form-control" placeholder="Complete con su Direccion" />
						<s:textfield name="usuario.telefono" value="%{usuario.telefono}"
							id="tTelefono" key="label.telefono" size="20"
							cssClass="form-control" placeholder="Complete con su Telefono" />
						<s:textfield name="usuario.celular" value="%{usuario.celular}"
							id="tCelular" key="label.celular" size="20"
							cssClass="form-control" placeholder="Complete con su Celular" />
						<s:textfield name="usuario.webSite" value="%{usuario.webSite}"
							id="tWebSite" key="label.web" size="20" cssClass="form-control"
							placeholder="Complete pagina Web" />
						<s:textfield name="usuario.email" value="%{usuario.email}"
							id="tEmail" key="label.email" size="20" cssClass="form-control"
							placeholder="Complete con su Email" />
						<s:textfield name="usuario.pass" value="%{usuario.pass}"
							id="tPass" key="label.pass" size="20" cssClass="form-control" />
					</div>
					<div class="span5">
						<h2 style="color: #49AFCD">Mis Datos Empresa</h2>
						<s:textfield name="usuario.rutEmpresa"
							value="%{usuario.rutEmpresa}" key="label.rutEmpresa" size="10"
							id="tRutEmpresa" cssClass="form-control"
							placeholder="Rut Empresa" />
						<s:textfield name="usuario.nombreEmpresa"
							value="%{usuario.nombreEmpresa}" key="label.nombreEmpresa"
							id="tNombreEmpresa" size="10" cssClass="form-control"
							placeholder="Nombre Empresa" />
					</div>
				</div>

				<div class="row">
					<div class="span2">
						<s:submit method="edit" key="label.modificar" id="submitUsuario"
							cssClass="btn btn-lg btn-primary"></s:submit>
					</div>
				</div>
			</s:form>

			<h4 style="color: #DA4F49;">Agregar Furgones</h4>
			<s:form action="addFurgon" method="post" theme="simple"
				cssClass="form-personal-bussiness">
				<s:hidden name="furgon.usuarioId" value="%{usuario.usuarioId}"></s:hidden>
				<s:hidden name="furgon.furgonId" value="%{furgon.furgonId}"></s:hidden>
				<s:textfield id="tPatente" name="furgon.patente"
					value="%{furgon.patente}" key="label.patente" size="10"
					cssClass="form-control" placeholder="Patente" />
				<s:textfield id="tMarca" name="furgon.marca" value="%{furgon.marca}"
					key="label.marca" size="10" cssClass="form-control"
					placeholder="Marca del furgon" />
				<s:textfield id="tColor" name="furgon.color" value="%{furgon.color}"
					key="label.color" size="15" cssClass="form-control"
					placeholder="Color del furgon" />
				<s:textfield id="tAnio" name="furgon.ano" value="%{furgon.ano}"
					key="label.ano" size="20" cssClass="form-control" placeholder="Año" />
				<s:textfield id="tCapacidad" name="furgon.capacidad"
					value="%{furgon.capacidad}" key="label.capacidad" size="20"
					cssClass="form-control" placeholder="Capacidad Maxima" />
				<s:textfield id="tDescripcion" name="furgon.descripcion"
					value="%{furgon.descripcion}" key="label.descripcion" size="20"
					cssClass="form-control" placeholder="Descripcion del vehiculo" />
				<div><br><s:submit cssClass="btn btn-lg btn-primary" id="submitFurgon"
					key="label.new"></s:submit></div>
			</s:form>

			<h4 style="color: #DA4F49;">Listado De Furgones</h4>
			<table cellpadding="0" cellspacing="0" border="0"
				class="table table-striped table-bordered" id="example">
				<thead>
					<tr>
						<th>Patente</th>
						<th>Marca</th>
						<th>Color</th>
						<th>Año</th>
						<th>Capacidad</th>
						<th>Cupos Disponibles</th>
						<th>Acciones</th>
					</tr>
				</thead>
				<tbody>
					<s:iterator value="furgones" var="furgon">
						<tr>
							<td><s:property value="patente" /></td>
							<td><s:property value="marca" /></td>
							<td><s:property value="Color" /></td>
							<td><s:property value="ano" /></td>
							<td><s:property value="capacidad" /></td>
							<td><s:iterator status="cuposMap" value="cuposMap">
							<s:if test="#furgon.furgonId==key">
								<s:property value="value" />
							</s:if>
							</s:iterator></td>

							<s:url id="deleteUrl" action="deleteFurgon">
								<s:param name="furgonId" value="%{#furgon.furgonId}" />
								<s:param name="usuarioId" value="usuario.usuarioId" />
							</s:url>
							<s:url id="editUrl" action="editFurgon">
								<s:param name="furgonId" value="%{#furgon.furgonId}" />
								<s:param name="usuarioId" value="usuario.usuarioId" />
							</s:url>
							<td><s:form id="%{#furgon.furgonId}"
									cssStyle="margin: 0 0 0 0" role="form" method="post"
									theme="simple" namespace="/" action="deleteFurgon.action">

									<s:a href="%{editUrl}" cssClass="btn btn-info"
										onclick="return true;">Modificar</s:a>
									<s:a href="%{deleteUrl}" cssClass="btn btn-danger"
										onclick="return confirm('¿Esta seguro de eliminar este Furgón?')">Eliminar</s:a>
								</s:form></td>
						</tr>
					</s:iterator>
				</tbody>
			</table>

		</div>
	</div>
</body>
</html>

